module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  darkMode: ['class', '[data-theme="dark"]'],
  theme: {
    extend: {
      colors: {
        // 深色主题颜色
        dark: {
          layout: '#000',
          content: '#1a1a1a',
          card: 'rgba(30, 30, 30, 0.8)',
          text: {
            primary: 'rgba(255, 255, 255, 0.8)',
            secondary: 'rgba(255, 255, 255, 0.6)',
            tertiary: 'rgba(255, 255, 255, 0.4)',
          },
          border: 'rgba(255, 255, 255, 0.1)',
        },
        // 浅色主题颜色
        light: {
          layout: '#f0f2f5',
          content: '#ffffff',
          card: '#ffffff',
          text: {
            primary: 'rgba(0, 0, 0, 0.85)',
            secondary: 'rgba(0, 0, 0, 0.65)',
            tertiary: 'rgba(0, 0, 0, 0.45)',
          },
          border: 'rgba(0, 0, 0, 0.08)',
        },
        // 品牌色
        primary: {
          DEFAULT: '#61dca3',
          light: '#1890ff',
        },
      },
      boxShadow: {
        'dark-card': '0 8px 32px rgba(0, 0, 0, 0.3)',
        'light-card': '0 4px 12px rgba(0, 0, 0, 0.08)',
        'light-hover': '0 4px 12px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.05)',
      },
      backdropBlur: {
        'md': '10px',
      },
      animation: {
        'fade-in': 'fade-in 0.5s ease-out',
        'slide-up': 'slide-up 0.3s ease-out',
        'fade-in-up': 'fade-in-up 0.3s ease-out',
        'bounce-slow': 'bounce-slow 2s ease-in-out infinite',
        'pulse': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'spin': 'spin 1s linear infinite',
      },
    },
  },
  plugins: [],
}